<!DOCTYPE HTML>
<html>
<head>
	<title>Youniversity</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> 
    <link rel="stylesheet" href="style/style.css"/>
    <script type="text/javascript" charset="utf-8" src="libs/phonegap/cordova-1.7.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="libs/iscroll/iscroll.js"></script>
    <script data-main="scripts/main" src="libs/require/require-1.0.8.js"></script>
       <script type="text/javascript">

            var scroll1;
            function loaded() {
                scroll3 = new iScroll('scrollableframe',
                                      { useTransition:false,
                                        checkDOMChanges: true,
                                        hideScrollbar: true,
                                        fixedScrollbar:true,
                                        useTransform: false,
                                        onBeforeScrollStart: function (e) {
                                            var target = e.target;
                                            while (target.nodeType != 1) target = target.parentNode;

                                            if (target.tagName != 'SELECT' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA' && target.tagName != 'BUTTON')
                                                e.preventDefault();
                                        } }
                                    );
                // var allSelects2 = $('input');
                // allSelects2.each(function(index, item) {
                //                   item.addEventListener('touchstart' /*'mousedown'*/, function(e) { e.stopPropagation(); }, false);
                //                 });

                $('.button')
                    .on('touchstart', function () {
                        $(this).addClass('fake-active');
                    })
                    .on('touchend', function() {
                        $(this).removeClass('fake-active');
                    })
                    .on('touchcancel', function() {
                        $(this).removeClass('fake-active');
                    });

                var allSelects = $('button');
                allSelects.each(function(index, item) {
                                  item.addEventListener('touchstart', function(e) { /*e.stopPropagation();*/ $(this).addClass("fake-active"); }, false);
                                  item.addEventListener('touchend', function(e) { $(this).removeClass("fake-active"); }, false);
                                  item.addEventListener('touchcancel', function(e) { $(this).removeClass("fake-active"); }, false);
                                });
            }

            document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
            document.addEventListener('DOMContentLoaded', loaded, false);

        </script>
</head>
<body  class="page">
</body>
</html>